.CCourseCard {
  padding: 25px 25px 50px 25px;
  display: flex;

  .CCourseCard_left {
    margin-right: 25rpx;

    image {
      width: 100%;
      height: 200px;
      max-width: 360px;
      min-width: 360px;
      border-radius: 15rpx;
      position: relative;

      .label_finished {
        position: absolute;
        top: 25rpx;
        left: -30rpx;
        background: #D6D6D6;
        transform: rotate(-45deg);
        overflow: hidden;
        font-size: 20rpx;
        width: 140rpx;
        text-align: center;
      }

      .label_sign_up {
        position: absolute;
        top: 25rpx;
        left: -30rpx;
        background: #FFB71B;
        transform: rotate(-45deg);
        overflow: hidden;
        font-size: 20rpx;
        width: 140rpx;
        text-align: center;
      }

      .label_not_started {
        position: absolute;
        top: 25rpx;
        left: -30rpx;
        background: #f2f54e;
        transform: rotate(-45deg);
        overflow: hidden;
        font-size: 20rpx;
        width: 140rpx;
        text-align: center;
      }
    }

  }

  .CCourseCard_right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;

    .CCourseCard_price {
      color: #FFB71B;
    }

    .CCourseCard_label {
      width: 100%;
      display: flex;
    }
  }
}



.at-tag--small.at-tag--circle{
  margin-right: 10rpx;
}